/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/*
 * System Style Sheet - Defines a base style for the Joomla and WordPress core HTML markup
*/


/* General
----------------------------------------------------------------------------------------------------*/

#system .page-title {
    margin-top: 0;
    font-size: 18px;
    line-height: 18px;
}

#system .title { margin-top: 0; }
#system .title a { text-decoration: none; }

#system .title + .title { margin-top: 20px; }

#system > .description {
    margin-bottom: 30px;
    overflow: hidden;
}

#system small { font-style: italic; }


/* Item
----------------------------------------------------------------------------------------------------*/

#system .item > header { margin-bottom: 15px; }
#system .item > :first-child + header { margin-top: 10px; }

#system .item > header .title { margin-bottom: 0; }

#system .item > header .meta {
    margin: 10px 0 0 0;
    font-size: 11px;
    line-height: 13px;
}

#system .item > header .subtitle{
    margin: 0 0 8px 0;
    font-size: 14px;
    line-height: 16px;
    font-weight: normal;
    text-transform: uppercase;
}

#system .item > .content > *:first-child:not(.grid-gutter),
#system .item > .content > *[class*="align"]:first-child + * { margin-top: 0; }
#system .item > .content > *:last-child:not(.grid-gutter) { margin-bottom: 0; }

#system .item > .links { margin: 22px 0 0 0; }
#system .item > .links a { margin-right: 15px; }

#system .item > .taxonomy {}
#system .item > .trackback {}
#system .item > .edit {}

#system .item > *:last-child { margin-bottom: 0; }

#system .item .socialbuttons { margin-top: 15px; }
#system .item .socialbuttons > div {
    margin-right: 10px;
    float: left;
}


/* Items
----------------------------------------------------------------------------------------------------*/

#system .items { margin: 0 -10px 0 -10px; }
#system .items .item { margin: 0 10px 0 10px; }

#system .items > .width50 .title { font-size: 22px; line-height: 22px; }
#system .items > .width33 .title { font-size: 20px; line-height: 20px; }
#system .items > .width25 .title { font-size: 18px; line-height: 18px; }


/* Pagination
----------------------------------------------------------------------------------------------------*/

#system .pagination {
    margin-top: 10px;
    text-align: center;
}

#system .pagination a { text-decoration: none; }
#system .pagination strong { font-weight: normal; }

#system .pagination a,
#system .pagination strong {
    display: inline-block;
    min-width: 15px;
    height: 25px;
    margin-left: 5px;
    padding: 0 5px;
    line-height: 25px;
}
#system .pagination > *:first-child { margin-left: 0; }

#system .pagination a.previous,
#system .pagination a.next {
    font-size: 16px;
    line-height: 23px;
}


/* Search Box
----------------------------------------------------------------------------------------------------*/

.searchbox { position: relative; }

.searchbox input {
    width: 100%;
    padding: 0;
    border: none;
    outline: none;
    background: none;
    float: left;
}

.searchbox button { display: none; }
.searchbox.filled button {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    border: none;
    line-height: 0;
    cursor: pointer;
}
.searchbox.loading button {}

/* Drop-Down Results */
.searchbox .results {
    position: absolute;
    top: 30px;
    right: 0;
    z-index: 110;
    width: 300px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.searchbox .results li.results-header,
.searchbox .results li.more-results {
    height: 35px;
    line-height: 35px;
    text-indent: 15px;
    text-transform: uppercase;
}

.searchbox .results li.more-results { cursor: pointer; }

.searchbox .results li.result {
    padding: 10px 15px;
    cursor: pointer;
}

.searchbox .results li.result h3 {
    margin: 0 0 5px 0;
    font-size: 16px;
}

.searchbox .results li.result div { font-size: 11px; }


/* Breadcrumbs
----------------------------------------------------------------------------------------------------*/

.breadcrumbs { overflow: hidden; }

.breadcrumbs a,
.breadcrumbs span,
.breadcrumbs strong {
    display: inline-block;
    text-decoration: none;
}

.breadcrumbs a,
.breadcrumbs > span { margin-right: 10px; }


/* Author Box
----------------------------------------------------------------------------------------------------*/

#system .author-box { margin: 20px 0; }
#system .title + .author-box { margin-top: 0; }

#system .author-box .avatar {
    margin-right: 15px;
    float: left;
}

#system .author-box .name {
    margin: 0 0 10px 0;
    font-size: 18px;
    font-weight: normal;
    line-height: 22px;
}

#system .author-box .description {}


/* Comments
----------------------------------------------------------------------------------------------------*/

#system #comments { margin-top: 20px; }

#system #comments h3.comments-meta { margin: 0 0 10px 0; }

#system #comments ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Head */
#system #comments .comment-head {
    margin-bottom: 10px;
    overflow: hidden;
}

#system #comments .comment-head .avatar {
    margin-right: 10px;
    float: left;
}

#system #comments .comment-head .author {
    margin: 8px 0 0 0;
    font-size: 18px;
    line-height: 18px;
    font-weight: bold;
}

#system #comments .comment-head .meta {
    margin: 3px 0 0 0;
    font-size: 11px;
}

/* Body */
#system #comments .comment-body {
    margin-bottom: 20px;
    padding: 0 10px;
}

#system #comments .comment-body .content { text-align: justify; }

#system #comments .comment-body .reply { margin: 10px 0 0 0; }

#system #comments .no-response .comment-body .reply { display: none; }

#system #comments .comment-body .moderation {
    margin: 10px 0 0 0;
    font-size: 14px;
    font-style: italic;
}

#system #comments ul.level1 ul { padding-left: 55px; }

/* Respond */
#system #respond h3 {
    margin: 0 0 10px 0;
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
}

#system #respond p.user { margin: 0; }

#system #respond input[type='text'] {
    width: 200px;
    height: 25px;
    padding-left: 5px;
    line-height: 25px;
}

#system #respond textarea {
    width: 100%;
    max-width: 400px;
    height: 100px;
}

/* Moved Respond */
#system ul #respond {
    margin: 0 0 30px 0;
    padding-left: 10px;
}


/* Latest Comments
----------------------------------------------------------------------------------------------------*/

.comments-list > article {
    margin-top: 10px;
    padding-top: 10px;
    overflow: hidden;
}

.comments-list > article:first-child {
    margin: 0;
    padding: 0;
}

.comments-list .avatar {
    margin-right: 10px;
    float: left;
}

.comments-list .author {
    margin: 2px 0 0 0;
    font-size: 12px;
    line-height: 18px;
}

.comments-list .meta {
    margin: 0;
    font-size: 11px;
    line-height: 13px;
    font-style: italic;
}

.comments-list .content p { margin: 5px 0 0 0; }


/* Tag Cloud
----------------------------------------------------------------------------------------------------*/

.tagcloud {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

.tagcloud li {
    display: inline-block;
    line-height: 20px;
    vertical-align: middle;
}

.tagcloud a { white-space: nowrap; }

.tagcloud .weight1 a { font-size: 11px; }
.tagcloud .weight2 a { font-size: 12px; }
.tagcloud .weight3 a { font-size: 13px; }
.tagcloud .weight4 a { font-size: 14px; }
.tagcloud .weight5 a { font-size: 15px; }
.tagcloud .weight6 a { font-size: 16px; }
.tagcloud .weight7 a { font-size: 18px; }
.tagcloud .weight8 a { font-size: 20px; }
.tagcloud .weight9 a { font-size: 23px; letter-spacing: -1px; }
.tagcloud .weight10 a { font-size: 26px; letter-spacing: -1px; }


/* Page Navigation
----------------------------------------------------------------------------------------------------*/

.page-nav { margin-top: 15px; }
.page-nav .prev { float: left; }
.page-nav .next { float: right; }


/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/*
 * Additional System Stylesheet for Joomla 1.7
*/


/* Item (Addition)
----------------------------------------------------------------------------------------------------*/

#system .item > header .icon { 
    margin: 2px 0 0 5px;
    float: right;
}

#system .item > .edit a { vertical-align: text-top; }


/* Item List
----------------------------------------------------------------------------------------------------*/

#system .item-list {
    margin-top: 10px;
    overflow: hidden;
}


/* Filter
----------------------------------------------------------------------------------------------------*/

#system .filter {
    margin: 0 0 10px 0;
    overflow: hidden;
}

#system .filter > div {
    margin: 0 10px 0 0;
    float: left;
}


/* Form Submission
----------------------------------------------------------------------------------------------------*/

#system form.submission fieldset > div { overflow: hidden; }
#system form.submission fieldset > div > * { vertical-align: middle; }
#system form.submission fieldset > div > label:first-child {
    display: block;
    width: 150px;
    float: left;
}

#system form.submission fieldset > div > input[type='text'],
#system form.submission fieldset > div > input[type='password'] {
    padding: 5px;
    width: 250px;
}
#system form.submission fieldset > div > select {
    padding: 5px;
    width: 262px;
}

#system form.submission fieldset > div > textarea { width: 255px; }

#system form.submission small {
    display: block;
    margin: -25px 0 25px 0;
}

#system form.submission div.submit {
    margin-top: -20px;
    text-align: center;
}

#system form.submission div > .calendar { margin-left: 5px; }
#system form.submission #metadesc { height: 100px; }
#system form.submission #metakey { height: 60px; }

/* Validation */
#system .invalid { border-color: #ff0000; }
#system label.invalid { color: #ff0000; }

/* Calendar */
#system a img.calendar {
    width: 16px;
    height: 16px;
    margin-left: 3px;
    background: url(../../../../../system/images/calendar.png) no-repeat;
    cursor: pointer;
    vertical-align: middle;
}

/* Editor Buttons */
#system #editor-xtd-buttons {
    margin: 10px 0 10px 0;
    padding: 0;
}

#system #editor-xtd-buttons .button2-left,
#system #editor-xtd-buttons .button2-left * { float: left; }

#system #editor-xtd-buttons .button2-left {
    margin-right: 5px;
    background: url(../../../../../system/images/j_button2_left.png) no-repeat;
}

#system #editor-xtd-buttons .button2-left .image { background: url(../../../../../system/images/j_button2_image.png) 100% 0 no-repeat; }
#system #editor-xtd-buttons .button2-left .article,
#system #editor-xtd-buttons .button2-left .readmore { background: url(../../../../../system/images/j_button2_readmore.png) 100% 0 no-repeat; }
#system #editor-xtd-buttons .button2-left .pagebreak { background: url(../../../../../system/images/j_button2_pagebreak.png) 100% 0 no-repeat; }

#system #editor-xtd-buttons .button2-left a,
#system #editor-xtd-buttons .button2-left span {
    display: block;
    height: 22px;
    padding: 0 24px 0 6px;
    line-height: 22px;
    font-size: 11px;
    color: #666;
}

#system #editor-xtd-buttons .button2-left span { color: #999; }

#system #editor-xtd-buttons .button2-left a:hover {
    text-decoration: none;
    color: #0B55C4;
}

/* Small (Login) */
#system form.submission.small fieldset > div { margin: 15px 0; }


/* Tooltip
----------------------------------------------------------------------------------------------------*/

.tip-wrap {
    display: none;
    float: left;
    background: #ffc;
    border: 1px solid #D4D5AA;
    padding: 5px;
    max-width: 200px;
    color: #323232;
    font-size: 12px;
}

.tip-title {
    margin-top: -15px;
    padding: 15px 0 5px 0;
    background: url(../../../../../system/images/selector-arrow.png) no-repeat;
    font-weight: bold;
    font-size: 13px;

}


/* Pagebreak Navigation
----------------------------------------------------------------------------------------------------*/

#article-index {
    margin: 0 0 15px 15px;
    float: right;
}

#article-index ul,
.pagination > ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.pagination > ul > li { display: inline-block; }


/* System Messages
----------------------------------------------------------------------------------------------------*/

#system-message {
    margin: 0 0 10px 0;
    padding: 0;
}
#system-message dt { display: none; }
#system-message dd {
    margin-left: 0;
    padding: 10px;
    border-top: 3px solid #84A7DB;
    border-bottom: 3px solid #84A7DB;
    color: #0055BB;
}
#system-message dd ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#system-message dd.error { color: #c00; background-color: #E6C0C0; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B;}
#system-message dd.notice { color: #c00; background: #EFE7B8; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}


/* System Debug
----------------------------------------------------------------------------------------------------*/

#system-debug {
    padding: 30px;
    background: #fff;
    color: #333;
}
#system-debug div { font-size: 11px;}


/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/* General
----------------------------------------------------------------------------------------------------*/

#system .title a { color: inherit; }
#system small { color: #999; }

/* Item
----------------------------------------------------------------------------------------------------*/

#system .item > header .meta { color: #999; padding-bottom: 8px; padding-left: 0;}
.yoo-zoo .item > header .meta { padding-left: 0 !important;}
#system .item > header.results .meta { margin-left: 0;}
#system .item > header .subtitle{ color: #777; }

/* Items
----------------------------------------------------------------------------------------------------*/

#system .items .item {
    margin-bottom: 12px;
    padding-bottom: 18px;
    background: url(../../images/img/hr-dotted.png) repeat-x scroll 0 100% transparent;
}

#system .items .item:first-child {
    margin-top: 0;
    padding-top: 0;
    border: none;
}


/* Pagination
----------------------------------------------------------------------------------------------------*/

#system .pagination a.last{padding:0 10px; }
#system .pagination a, #system .pagination strong{line-height: 27px;}

/* Search Box
----------------------------------------------------------------------------------------------------*/

.searchbox {
    width: 150px;
    height: 19px;
    padding: 0 10px;

    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
}

.searchbox input {
    height: 20px;
    font-size: 11px;
    line-height: 1em !important;
}

.searchbox input{color: #808080;}

.searchbox input:-moz-placeholder { color: #999; }
.searchbox input::-webkit-input-placeholder { color: #999; }
.searchbox input.placeholder { color: #999; }

.searchbox.filled button {
    width: 25px;
    background: url(../../images/img/searchbox_reset.png) 50% 50% no-repeat; 
}
.searchbox.loading button { background: url(../../images/img/searchbox_loader.gif) 50% 50% no-repeat; }

/* Drop-Down Results */
.searchbox .results {
    top: 41px;
    right: -1px;
    width: 300px;
    border: 1px solid #ddd;
    background: #ffffff;
}

.searchbox .results li.results-header, .searchbox .results li.more-results { 
    border-bottom: 1px solid #dfdfdf; border-top: 1px solid #fefefe; color: #666;
    background: #e5e5e5;
    background: -moz-linear-gradient(top,  #e5e5e5 0%, #ffffff 81%, #e5e5e5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(81%,#ffffff), color-stop(100%,#e5e5e5));
    background: -webkit-linear-gradient(top,  #e5e5e5 0%,#ffffff 81%,#e5e5e5 100%);
    background: -o-linear-gradient(top,  #e5e5e5 0%,#ffffff 81%,#e5e5e5 100%);
    background: -ms-linear-gradient(top,  #e5e5e5 0%,#ffffff 81%,#e5e5e5 100%);
    background: linear-gradient(top,  #e5e5e5 0%,#ffffff 81%,#e5e5e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#e5e5e5',GradientType=0 );
    text-shadow: 0 1px 0 #FFFFFF;
}
.searchbox .results li.more-results { color: #999;}
.searchbox .results li.result {border-bottom: 1px solid #dfdfdf; border-top: 1px solid #FFF;
                               background: #EFEFEF;
                               background: -moz-linear-gradient(top,  #EFEFEF 0%, #ffffff 100%);
                               background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EFEFEF), color-stop(100%,#ffffff));
                               background: -webkit-linear-gradient(top,  #EFEFEF 0%,#ffffff 100%);
                               background: -o-linear-gradient(top,  #EFEFEF 0%,#ffffff 100%);
                               background: -ms-linear-gradient(top,  #EFEFEF 0%,#ffffff 100%);
                               background: linear-gradient(top,  #EFEFEF 0%,#ffffff 100%);
                               filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EFEFEF', endColorstr='#ffffff',GradientType=0 );
                               -webkit-box-shadow: 0 0 3px #FFFFFF inset;
                               -moz-box-shadow: 0 0 3px #FFFFFF inset;
                               box-shadow: 0 0 3px #FFFFFF inset;
}
.searchbox .results li.results-header + li.result { border-top: none; }
.searchbox .results li.result.selected { background: #FFFFFF ; }
li.result, li.more-results, li.results-header {margin-bottom: 0}

/* Breadcrumbs
----------------------------------------------------------------------------------------------------*/

.breadcrumbs a,
.breadcrumbs > span {
    padding-right: 24px;
    background: url(../../images/img/breadcrumb-sep.png) 100% 0 no-repeat;
    height: 35px;
    margin-right: 7px;
}

.breadcrumbs > a {height: 35px;}

/* Author Box
----------------------------------------------------------------------------------------------------*/

#system .author-box {
    padding: 15px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #fafafa;
}

#system .author-box .avatar {
    padding: 3px;
    border: 1px solid #ddd;
    background: #fff;
}

#system .author-box .name { color: #444; }


/* Comments
----------------------------------------------------------------------------------------------------*/

/* Head */
#system #comments .comment-head {
    padding: 5px;
    border: 1px solid #e6e6e6;
    background: #fafafa;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 1px 1px 0 #FFF;
    -moz-box-shadow: 1px 1px 0 #FFF;
    box-shadow: 1px 1px 0 #FFF;
}

#system #comments .comment-byadmin .comment-head {
    border: 1px solid #dce6be;
    background: #faffe6;
}

#system #comments h3.comments-meta, .yoo-zoo .item .element > h3, .yoo-zoo .item .pos-related > h3{
    font-size: 24px; background: url(../../images/img/hr-dotted.png) repeat-x scroll 0 100% transparent; padding-bottom: 15px;
}

#system #comments .comment-head .author { text-shadow: 1px 1px 0 rgba(255, 255, 255, 1); font-weight: normal;}

/* Body */
#system #comments ul.level1 ul { background: url(../../images/img/comments_arrow.png) 0 0 no-repeat; }

/* Respond */
#system #respond h3 { color: #444; font-size: 24px; background: url(../../images/img/hr-dotted.png) repeat-x scroll 0 100% transparent; padding-bottom: 15px;}


/* Latest Comments
----------------------------------------------------------------------------------------------------*/

.comments-list > article { border-top: 1px solid #ddd; }
.comments-list > article:first-child { border: none; }

.comments-list .meta { color: #999; }
.zoo-comments-list .author {font-size: 16px;}
/*error*/

#system-message dd.error{text-shadow: 0 1px 0 rgba(255,255,255,0.4);}



/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */




/* Items (Addition)
----------------------------------------------------------------------------------------------------*/
	 
	#system .items .leading .item {
		padding-bottom: 12px;
		margin-bottom: 18px;
	}

	#system .items > .width33 .title{
		font-size: 22px;
	}


/* Item List
----------------------------------------------------------------------------------------------------*/

	#system .item-list { border-top: 1px solid #ddd; }
	#system .item > .links a {
	margin-right: 9px;
	}

/* Search
----------------------------------------------------------------------------------------------------*/

	#system span.highlight { background-color: #ffffaa; }


/* Submission form
----------------------------------------------------------------------------------------------------*/
	#system form.submission div.submit{text-align: right; margin-right: 26px;}
	#system form.submission fieldset > div > label:first-child{width: 160px;}
	#system form.submission fieldset > div > textarea{width: 234px; height: 100px;}
	#system form.submission fieldset > div {overflow: visible;}
	#system form.submission.small fieldset > div {
	margin: 10px 0;
	}

	#jform_spacer-lbl{display: none;}

	/*filters*/
	#system .filter > div{
		margin: 0 10px 10px 0;
	}

	#system .filter .jqTransformSelectWrapper {
	 	float: none;
	    margin-left: 70px;
	    margin-top: -27px;
	}

	/*pagination*/
	#system .pagination {text-align: left; margin-bottom: 20px;}
	#system .pagination a.previous, #system .pagination a.next,
	#system .pagination a, #system .pagination strong
	 {text-align: center; margin-left: 1px;}

	#system .pagination > *:first-child{margin-right: 5px;}
	#system .pagination a.first{padding: 0 11px;}
	#system .pagination a.previous, #system .pagination a.next {
		line-height: 24px;
	}